<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>周测</title>
		<style>
			 div#d1{
			                width: 1335px;
			                height: 600px;
			                margin: 80px 120px;
			            }
			            div#d1 div.c1{
			                border: 1px solid red;
			                height: 50px;
			                width: 300px;
			                float: left;
			                background: #8c282c;
			                color: white;
			                text-align: center;
			                line-height: 50px;
			                
			            }
			            div#d1 div.c2{
			                border: 1px solid red;
			                height: 50px;
			                width: 1030px;
			                float: left;
			                background: #ff0000;
			            }
			            div#d1 div.c2 ul li{
			                color: white;
			                list-style-type: none;
			                float: left;
			                padding: 0 40px;
			            }
			            div#d1 div.c3{
							width: 300px;
							height: 600px;
			                border: 1px solid red;
			            }
						div#d1 div.c3 ul li{
							font: left;
							list-style-type: none;
							border-bottom: 1px solid #bfbfbf;
							text-align: left;
						}
		</style>
	</head>
	<body>
		<div id="d1">
			
		            <div class="c1">全部商品分类∨</div>
		            <div class="c2">
		                <ul>
		                    <li>首页</li>
		                    <li>服装城</li>
		                    <li>食品</li>
		                    <li>团购</li>
		                    <li>夺宝岛</li>
		                    <li>闪购</li>
		                    <li>金融</li>
		                </ul>
		            </div>
		            <div class="c3">
						<ul>
							<li>图书、音像、数字商品</li>
							<li>家用电器</li>
						</ul>
					</div>
		        </div>
	</body>
</html>